<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>订单兔儿鲜</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/order.css">
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
</head>

<body>
    <!-- 主题内容区域 -->
    <div class="main">
        <!-- 用户信息区域 -->
        <div class="user_msg pannel">
            <div class="location">
                <i class="iconfont icon-location"></i>
            </div>
            <div class="user">
                <div class="top">
                    <h4>丽丽</h4>
                    <span>18500667882</span>
                </div>
                <div class="bottom">
                    <span>北京市 海淀区 中关村软件园 信息科技大厦1号
                        楼410# </span>
                </div>
            </div>
            <div class="more">
                <i class="iconfont icon-more"></i>
            </div>
        </div>
        <!-- 商品信息区域 -->
        <div class="pannel goods">
            <div class="pic">
                <img src="./uploads/pic.png" alt="">
            </div>
            <div class="goods_info">
                <h4>康尔贝 非接触式红外体温仪 
                    领券立减30元 婴儿级材质 测温康尔贝 非接触式红外体温仪 
                    领券立减30元 婴儿级材质</h4>
                <p>
                    <span>粉色 </span> 
                    <span>红外体温计</span></p>
                <div class="price">
                    <span class="red">¥<i>266</i></span>
                    <span>¥<i>299</i></span>
                </div>
        </div>
        <div class="count">
            <i class=" iconfont icon-x"></i>
            <span>1</span>
        </div>
    </div>
    <!-- 其他信息区域 -->
    <div class="other pannel">
        <div>
            <h4>配送方式</h4>
            <p>顺丰快递</p>
        </div>
        <div>
            <h4>配送方式</h4>
            <p>希望可以尽快发货，谢谢~</p>
        </div>
        <div>
            <h4>支付方式</h4>
            <p>支付宝 <i class="iconfont icon-more"></i></p>
        </div>
    </div>
    <!-- 商品其他信息区域 -->
    <div class="goods_rest pannel">
        <div>
            <h4>商品总价</h4>
            <p>￥<i>299.00</i></p>
        </div>
        <div>
            <h4>运费</h4>
            <p>￥<i>299.00</i></p>
        </div>
        <div>
            <h4>商品总价</h4>
            <p class="red">-￥<i>30.00</i></p>
        </div>
    </div>
    <!-- 底部支付区域 -->
    <div class="pay">
        <div class="left">
            合计：<span class="red">￥<i>266.00</i></span>
        </div>
        <div class="right"><a href="">去支付</a></div>
    </div>
</body>

</html>